<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    

</head>
<body>
    <!--导航页-->
    <div class="nav">
        <img src="log.jpg" alt="" class="img">
        <span class="title">我的博客系统</span>
        <!--用来占据中间位置-->
        <span class="spacer"></span>
        <a href="blog_list.html">主页</a>
        <a href="blog_edit.html">写博客</a>
        <a href="logout">注销</a>
    </div>
    <link rel="stylesheet" href="common.css">
    <!--编译框容器-->
    <div class="blog_edit_container">
        <!--标题编译区-->
        <div class="tetle">
            <input type="text" placeholder="请在这里写下标题" id="title">
            <button id="submit">发布文章</button>
        </div>
        <div>
            <!--创建编译器标签-->
            <div id="editor"></div>
        </div>
        <link rel="stylesheet" href="blog_edit.css">
    </div>
    <link rel="stylesheet" href="editor.md/css/editormd.min.css">
</body>
<body>
    <script src="js"></script>
    <script src="editor.md/lib/marked.min.js"></script>
    <script src="editor.md/lib/prettify.min.js"></script>
    <script src="editor.md/editormd.js"></script>
    <script>
        let editor = editormd('editor',{
            width:"100%",
            height:"calc(100%-60px)",
            markdown:"###开始编写博客",
            path:"./editor.md/lib/"
        })
    </script>
</body>
</html>